<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
	<title>Demo: Font Face</title>
	<meta name="description" content="flyxiang">
    <link rel="shortcut icon" type="image/x-icon" href="http://flyxiang.org/www/img/favicon.ico">
    <link rel="apple-touch-icon" href="http://flyxiang.org/www/img/flyxiang_57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="http://flyxiang.org/www/img/flyxiang_72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="http://flyxiang.org/www/img/flyxiang_114.png">
	<link rel="stylesheet" href="css/fontface.css">
	<style>
		h1.fontface {font: 60px/68px 'HeydingsCommonIconsRegular', Arial, sans-serif;letter-spacing: 0; color: #9c3;}

		p.style1 {font: 20px/27px 'HeydingsCommonIconsRegular', Arial, sans-serif; color: #9c3;}
		
		#container {
			width: 800px;
			margin-left: auto;
			margin-right: auto;
		}
	</style>
</head>

<body>
	<div id="container">
		<h1 class="fontface">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i k l m n o p q r s t u v w x y z</h1>
	<p class="style1">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i k l m n o p q r s t u v w x y z</p>

	</div>
</body>
</html>
